<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import="gameSite.DashboardValues" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dashboard - EB Games</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<link rel="stylesheet" type="text/css" href="mos-css/mos-style.css">
<script src="js/jquery-2.0.3.js" type="text/javascript"></script>
<script>
$(function() {
	
	    $("#numCust").html("${customers}");
	    $("#numItems").html("${items}");
	    $("#numOutOfStocks").html("${outOfStock}");
	    $("#numSales").html("${sales}");
	    $("#numOrders").html("${orders}");
	
	
});
</script>
</head>
<body>
<div id="header">
	<div class="inHeader">
		<div class="mosAdmin">Hello, Manager!<a href="adminlogout.jsp"> <br>Logout</a></div>
	<div class="clear"></div>
	</div>
</div>

<div id="wrapper">
	<div id="leftBar">
	<ul>
		<li><a href="DashboardValues">Dashboard</a></li>
		<li><a href="adminCustomer.jsp">Customers</a></li>
		<li><a href="admininventory.jsp">Inventory</a></li>
		<li><a href="adminorders.jsp">Sales</a></li>
	</ul>
	</div>
	<div id="rightContent">
	<h3>Dashboard</h3>
	<div class="quoteOfDay">
	<b>Quote of the day :</b><br>
	<i style="color: #5b5b5b;">"If you think you can, you really can"</i>
	</div>
		<div class="shortcutHome">
		<a href=""><img src="mos-css/img/posting.png"><br>Customers</a>
		</div>
		<div class="shortcutHome">
		<a href=""><img src="mos-css/img/photo.png"><br>Inventory</a>
		</div>
		<div class="shortcutHome">
		<a href=""><img src="mos-css/img/halaman.png"><br>Sales</a>
		</div>
		<div class="shortcutHome">
		<a href=""><img src="mos-css/img/template.png"><br>Reports</a>
		</div>
		
		<div class="clear"></div>
		
		<div id="smallRight"><h3>Overview of Orders!</h3>
		<table style="border: none;font-size: 12px;color: #5b5b5b;width: 100%;margin: 10px 0 10px 0;">
			
			<tr><td style="border: none;padding: 4px;">Total Orders</td><td style="border: none;padding: 4px;"><b><span id="numOrders"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Orders Placed</td><td style="border: none;padding: 4px;"><b><span id="numOrdersPlaced"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Orders Shipped</td><td style="border: none;padding: 4px;"><b><span id="numOrdersShipped"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Orders Delivered</td><td style="border: none;padding: 4px;"><b><span id="numOrdersShipped"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Cancellation Requests</td><td style="border: none;padding: 4px;"><b><span id="numCancelledRequests"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Return Requests</td><td style="border: none;padding: 4px;"><b><span id="numReturned"></span></b></td></tr>
		</table>
		</div>
		<div id="smallRight"><h3>Statistics</h3>
		
		<table style="border: none;font-size: 12px;color: #5b5b5b;width: 100%;margin: 10px 0 10px 0;">
			<tr><td style="border: none;padding: 4px;">Total Customers</td><td style="border: none;padding: 4px;"><b><span id="numCust"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Items for Sale</td><td style="border: none;padding: 4px;"><b><span id="numItems"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Out of Stock Items</td><td style="border: none;padding: 4px;"><b><span id="numOutOfStocks"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Sales</td><td style="border: none;padding: 4px;"><b>$<span id="numSales"></span></b></td></tr>
			<tr><td style="border: none;padding: 4px;">Total Credits</td><td style="border: none;padding: 4px;"><b>$<span id="numCredits"></span></b></td></tr>

			<tr><td style="border: none;padding: 4px;">Total Refund</td><td style="border: none;padding: 4px;"><b>$<span id="numRefund"></span></b></td></tr>

		</table>
		</div>
	</div>
<div class="clear"></div>
<div id="footer">
	&copy; 2012 MOS css template | <a href="#">EB Games</a> | design <a href="http://arirusmanto.com" rel="nofollow" target="_blank">arirusmanto.com</a><br>
</div>
</div>
</body>
</html>